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Kata Pengantar 


Cara paling efektif untuk belajar Photoshop adalah dengan berlatih 
secara langsung. Oleh karena itu, buku “Photoshop 7 Down and 
Dirty” yang dikarang oleh Scott Kelby (President NAPP) sangat 
laris di Amerika Serikat saja. Oleh karena terinspirasi dengan buku 
tersebut, kami meluncurkan buku yang hanya berisi praktek 
membuat desain yang banyak dipraktekkan oleh desainer-desainer 
kelas dunia. 


Kira-kira ada 50 desain yang bisa Anda pelajari di dalam buku ini. 
Jika Anda mampu melahapnya secara tuntas, Anda akan bisa 
menguasai Photoshop secepat kilat! 


Yogyakarta, 15 Desember 2007 
Gregorius Agung 
Founder Jubilee Enterprise 


http://jubilee.ruangkerja.com 
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Bab 1 


Benda Logam dan Cair 


Untuk latihan pertama, marilah kita bongkar bagaimana desainer- 
desainer kelas dunia menciptakan efek-efek logam dan cair pada 
objek yang mereka buat di dalam kanvas. Sebagian besar objek 
yang akan kita buat nanti berbentuk teks. Tapi tidak mutlak harus 
teks. Anda bisa mengubahnya menjadi objek lain seperti gambar 
mobil, bentuk lingkaran, dan lain sebagainya. Tapi intinya, objek- 
objek itu akan menjadi benda yang seolah-olah terbuat dari logam 
dan bersifat cair. 


Beginilah cara para desainer kelas dunia menciptakan benda 
logam dan cair itu. 


Cairan Perak Putih Mengkilat 


Untuk membuat efek ini caranya sangat sederhana, hanya meng- 
gunakan layer style saja. Untuk selengkapnya berikut langkah- 
langkahnya: 


1. Buatlah sebuah dokumen baru dengan mode RGB. 


2. Aturlah warna foreground menjadi hitam dengan menekan 
tombol D. 


3. Jika sudah ketiklah sebuah teks di dalam kanvas. Patikan teks 
yang Anda buat cukup besar agar efek yang diciptakan nanti- 
nya akan nampak. 
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« Untitled- 1 @ 100x. Perak, RGB/B) 


Gambar 1.1. Mengetik teks di dalam kanvas. 


Kliklah ikon Add Layer Style r. yang ada pada panel Layers 
bagian bawah dan pilihlah opsi Satin. 


| Layers x | y- 
Normal wi opacity: | 10096 » | 


Lock”  Blending Options... 


Drop Shadow... 
ti 


Inner Shadow... 
Outer Glow... 

& Inner Glow... 
Bevel and Embass... 


Color Overlay... 
Gradient Overlay... 
Pattern Overlay... 
Stroke... 


Gambar 1.2. Memilih layer style Satin. 


Setelah kotak dialog Layer Style muncul, ubahlah blending 
mode menjadi Screen. Klik pada kotak warna dan ubahlah 
pilihan warnanya menjadi putih. Tingkatkan nilai Distance 
menjadi 14 dan turunkan nilai Size menjadi 7. Aktifkanlah 
kotak cek Anti Aliased. Jika sudah klik pada layer style Bevel 
and Emboss. 
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Satin 


Structure 


Blend Mode: | screen “ 


Opacity: 0 sg 36 
Angle: D0 19 o 
Distance: 0 14 px 
Size: 9 7 px 
(W |Anti-aliased 


Contour: sa 


Gambar 1.3. Pengaturan layer style Satin. 


« 


Invert 


Pada kotak dialog layer style Bevel and Emboss, berikanlah 
pengaturan berikut ini: 


e  tingkatkanlah nilai Depth menjadi 2716. 

e Pada bagian Shading aturlah Altitude menjadi 30”. 
e Pilihlah Gloss Contour: cone. 

e  Ubahlah Highlight Mode menjadi Normal. 

e Naikkan highlight Opacity menjadi 10076. 

e  Gantilah Shadow Mode menjadi Normal. 

e  Kurangilah nilai Opacitynya menjadi 55X. 

e Dan ubahlah warna Shadow menjadi putih. 


Di dalam daftar layer style yang ada pada sisi kiri kotak dialog 
Layer Style, kliklah opsi Drop Shadow untuk menampilkan 
Opsi-opsi layer style tersebut, seperti ditunjukkan pada Gambar 
1:5: 
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Bevel and Emboss 


Structure 
Style: | Inner Bevel v | 
Technigue: aah ” | 
Depth: 9 21 '& 
Direction: @up Obown 
Size: s px 
Soften: “) — Io px 
Shading 
Angle: 120 
2 (#IUse Global Light 
Altitude: (2 js 
Gloss Contour: | H (Wanti-aliased 
Highlight Mode: Nama “ | 
Opacity: Olaoo |86 
Shadow Mode: ( Normal “ Lo J 
Opacity: | 9 IE: 3 


Winner Shadow 


HJ Outer Glow 
HInner Glow 
MIBevel and Emboss 
CH contour 

CU Texture 


WI Satin 
Gambar 1.5. Memilih layer style Drop Shadow. 
Turunkan nilai Opacity menjadi 5046 dan naikkan Size menjadi 


8. Akhiri pengaturan ini dengan meng-klik tombol OK pada 
kotak dialog Layer Style. 
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Drop Shadow 
Structure 


Blend Mode: | utiply v“ | KA 
Opacity: —r s9 96 

Angle: &) 120 |? (MJUse Global Light 
Distance: (“)- - 5 px 
Spread: ) o lag 
Si ——/3 px 


Gambar 1.6. Pengaturan layer style Drop Shadow. 


9. Berikut tampilan efek yang dapat Anda peroleh. 


» Untitled-1 @ 1005 (Perak, RGB) 


Gambar 1.7. Efek chrome pada teks. 
Jika Anda ingin membuat efek yang sedikit berbeda dari efek di 
atas, Anda dapat mengikuti langkah-langkah berikut ini: 


1. Di dalam panel Layers, klik ganda pada efek Satin yang ada di 
bawah layer yang berisi teks tersebut untuk menampilkan 
kembali kotak dialog Layer Style Satin. 
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| Layers x | 


|| Normal | Opacity: 10086 » 


bok Dea Fill: | 10096 » 


A 


& Effects 
& Drop Shadow 
& Bevel and Emboss 


& Satin dy 


- TN Bsokgroundi AA 
| “ 


lee. oOowa 3 
Gambar 1.8. Klik ganda efek layer style Satin. 


2. Pada kotak dialog Layer Style yang telah muncul pilihlah 
Contour: sawtooth 1. Dengan dipilihnya opsi ini Anda akan 
mendapatkan efek chrome yang lebih terang dengan chrome 
yang lebih detail dengan garis di dalamnya yang terlihat sangat 


manis. 
Satin 
Structure 
Blend Mode: | screen In 
Opacity: A En Ta 
Angle: D0 19 o 
Distance: & Ta Ka 
Size: “) 2 “ 
Conto (#anti-aliased 
Ur: 
(Mlinvert 


Gambar 1.9. Pengaturan di dalam layer style Satin. 


Atau setelah Anda melakukan langkah-langkah di atas, Anda 
dapat melakukan langkah-langkah lainnya berikut ini untuk 
memperoleh hasil efek yang berbeda lagi (seperti warna metalik 
misalnya): 
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» Untitled-1 & 100 Perak, RGIVE) 


Doc Pan In jasa Ak , 


Gambar 1.10. Hasil yang diperoleh. 


1. Di dalam panel Layers klik ganda pada layer style Bevel and 
Emboss. 


-X 


If Layers x | Io 
| Normal | opacitya | 10096 | 


Lock: JI #&BA Fill: | 10096 » 


A 
— esa | 


& Drop Shadow 
& Bevel and Emboss In 
& Satin 


» TN Bsckarond A 
v 


Sa £. DO» 3 


Gambar 1.11. Klik ganda pada layer Style Bevel and Emboss. 
2. Pada kotak dialog Layer Style yang muncul, pilihlah opsi 


Contour: Ring dan klik tombol OK jika sudah. Berikut ini hasil 
yang dapat Anda peroleh. 
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Shading 
Angle: 120 o 


v |Use Global Light 
Altitude: 30 8 


Gloss Contour: ” Anti-aliased 

Highlight Mode: | Normal “ 
Opacity: 9) 100 3 

Shadow Mode: | Normal “ 
Opacity: @ 55 96 


Gambar 1.13. Tampilan efek Chrome yang lebih terlihat metalik. 


Perak yang Berpendar Biru 


Ini adalah efek teks yang mudah dan cepat yang menggunakan 
tiga kombinasi dari layer efek dengan penggunaan fasilitas Curve 
dan fasilitas penyeimbang warna Hue/Saturation. 


Berikut langkah-langkahnya: 


1. Efek ini hanya dapat terlihat pada penggunaan ukuran font 
yang besar, untuk itu siapkanlah sebuah dokumen yang besar 
dengan teks di dalamnya yang juga dengan ukuran yang 
besar. Dalam contoh kali ini saya menggunakan jenis huruf 
Brush Script Std dengan ukuran huruf 250 pt dan dengan 
ukuran dokumen 600 x 400 pixels, 72 ppi. 
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" Untitked: 1 @ 1001 (Putih, RGIIU) 


Gambar 1.14. Mengetikkan teks di dalam kanvas. 


Klik ikon Add Layer Style r. yang ada pada bagian bawah 
panel Layers dan pilihlah Drop Shadow. 


| Layers x | 7 - 


Normal “w |Opacity:| 10095 


Lock Blending Options... 


Drop Shadow... 
s | Inner Shadow... g 
Outer Glow... 
Inner Glow... 
Bevel and Emboss... 
Satin,.. 
Color Overlay... 
Gradient Overlay... 
Pattern Overlay,.. 
Stroke... 


Gambar 1.15. Memilih layer style Drop Shadow. 
Aturlah Distance: 9, Size: 13 dan jika sudah tekanlah tombol 
OK. 


Tekanlah tombol D kemudian tekan tombol X untuk menen- 
tukan warna foreground menjadi putih seperti pada Gambar 
1.18. 


Tekanlah tombol Alt-Backspace untuk mewarnai teks dengan 
warna putih seperti pada Gambar 1.19. 
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Drop Shadow 


Structure 


Blend Mode: | Multiply “ | 
Opacity: 0 75 5 

Angle: &) 120 had (Muse Global Light 
Distance: 9 px 
Spread: 0 3 
Size: —) 13 px 


Gambar 1.16. Pengaturan di dalam kotak dialog layer style. 


Gambar 1.18. Mengatur warna foreground menjadi putih. 
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Gambar 1.19. Teks telah berwarna putih. 


Selanjutnya klik pada ikon Add Layer Style f&. dan pilihlah 
opsi Inner Shadow seperti ditunjukkan pada Gambar 1.20. 


| Layers x | : 
| Normal “ Opacity: | 10096 
Blending Options... T 


Kel | al 


Lock 
vw Drop Shadow... 

» ena 
Outer Glow... X, 
Inner Glow... 
Bevel and Emboss... 
Satin... 

ss | Color Overlay... 
Gradient Overlay... 


Pattern Overlay... 
Stroke... 


53 | 


Gambar 1.20. Inner Shadow. 


Pada kotak dialog Layer Style Inner Shadow tentukanlah nilai 
Size: 13, seperti terlihat pada Gambar 1.21. 


Beralihlah ke opsi Satin dan aturlah Distance: 4, Size: 5, 
Contour: ring-double. Aktifkanlah kotak cek Anti Aliased dan 
nonaktifkanlah kotak cek Invert. Selanjutnya kliklah tombol 
OK, seperti pada Gambar 1.22. 
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— Inner Shadow - 


Structure — 


Blend Mode:  Multiply “ Aa 


Opacity: ——Jj— | 5:1 
Angle: &) 120 2 (WJUse Global Light 
Distance: ()-—— — Ai Ipx 
Chok: o——— Jo 96 
See I——lB jm 


Gambar 1.21. Menentukan nilai Size. 


Satin 

Structure 

Blend Mode: | Multiply “ 
Opacity: Oo—— 150 3 


Angle: GC) 19 Is 


Distance: ————— (4 lpx 
Se: o— I5 px 


Con 1 (Wlanti-aliased 
itour: - 
L Oo Invert 


Gambar 1.22. Pengaturan layer style Satin. 


9. Dengan tiga buah layer style yang Anda gunakan, Anda telah 
memperoleh sebuah teks dengan efek chrome putih yang 
cantik seperti berikut ini. 


Gambar 1.23. Hasil sementara yang diperoleh. 
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10. Namun demikian Anda masih dapat menambahkan warna 
pada teks tersebut (jika Anda mau) dengan meng-klik ikon 


Create New Fill or Adjustment Layer 5. kemudian pilihlah 
Hue/Saturation. 


Solid Color... 
Gradient... 
Pattern... 


Levels... 
| Layers x | Curves... 
Normal Color Balance... 


Brightness/Contrast... 
Lock: (J 5 & 
Black & White... 


s 
Selective Color... Ds 
& Effecl Channel Mixer... 
&c Sradient Map... 
Si Photo Filter... 


»: Exposure... 


Invert 

» Threshold... 
Posterize... 

sa f, O aa Pan 


Gambar 1.24. Memilih opsi Hue/Saturation. 


11. Ketika kotak dialog Hue/Saturation telah muncul, aktifkanlah 
kotak cek Colorize. Tingkatkanlah nilai Hue menjadi 232 dan 
turunkanlah nilai Saturation menjadi 22. Klik tombol OK jika 
sudah. 


Hue/Saturation 


Cancel 


Saturation: Load... 
9 Save... 


Lightness: 


Colorize 
VI Preview 


Gambar 1.25. Kotak dialog Hue/Saturation. 
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« chrome.psd & 1001 Mue/Saturation 1, Layer Mask/U) 
g : 4 


20 


Pa 


Doc PO) KRIASK , 


Gambar 1.26. Teks setelah dilakukan pengaturan melalui Adjustment 
layer. 


12. Kini sebuah layer Adjustment pun telah ditambahkan ke dalam 
panel Layers. Jika suatu saat nanti Anda ingin mengedit 
pengaturan ini, Anda dapat meng-klik ganda pada thumbnail 
Adjustment layer tersebut untuk mengantarkan Anda kembali 
ke kotak dialog Hue/Saturation dengan pengaturan terakhir 
yang telah Anda lakukan. Lihat Gambar 1.27. 


13. Kliklah ikon Create New Fill or Adjustment Layer S. dan 
pilihlah Curves. Lihat Gambar 1.28. 


|) 
IX 


| Layers x | 8 
Normal | Opacity:| 10096 


lok: JI #5 PA Fill: | 10096 


A 
» "MN - 
-a 
8 | jam fa a 


& Effects 
& Drop Shadow 
&S Inner Shadow 
& Satin bd 
Ss. OOa 3 3 


Gambar 1.27. Layer Adjustment. 
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Solid Color... 
Gradient... 
Pattern... 


Levels... 


(Layer xl 
| Normal Color Balance... 


—  Brightness/Contrast.., 
Lock: HJ #4 & 
Black & White... 


Hue/Saturation... 
Selective Color... 


Channel Mixer... 

s Gradient Map... 
Photo Filter... 

BD Effecl “exposure... 


Invert 

Threshold... 
Posterize.., 
AO ee 


Gambar 1.28. Memilih opsi Curves. 


Prosat: | Custom “mu OK 


Channel: | NGB “ Cancel) 


Gambar 1.29. Pengaturan Curues. 


14. Di dalam kotak dialog Curves yang muncul, aturlah kurva 
hingga menghasilkan tampilan seperti berikut ini. klik OK. 
Lihat Gambar 1.30. 


15. Sembunyikanlah tampilan layer background dengan meng-klik 
ikon bergambar mata pada panel Layers untuk menon- 
aktifkannya. Lihat Gambar 1.31. 
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chwome.psd @ 1005 (Curves 1, Layer Mask/t) 


Gambar 1.30. Teks setelah diberi pengaturan Curves. 


—X 
Il Layers x pn 3 


Normal s5) Opacity: | 10006» | 


| Locki Dosa Fill: | 10096 » 


sja 
2 1 Jam fa 


& Effects 
& Drop Shadow 
& Inner Shadow 
& Satin 


| In Bsokgownd AA 


k— Ff. Oo. 3 
Gambar 1.31. Klik ikon bergambar mata. 


16. Klik ikon drop down menu yang ada di sudut kanan atas panel 
Layers dan pilihlah Merge Visible. Lihat Gambar 1.32. 


17. Sekarang Anda dapat menampilkan kembali layer background 
dengan meng-klik ikon Indicates Layer Visibility hingga ikon 
bergambar mata muncul kembali di sana. Lihat Gambar 1.33. 
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